<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script>
        $(function () {
            $(".jie").html("...")
        })
    </script>

</head>
<body style="background-color: #f0f3ef">
<div style="width: 100%;height: 250px;border: #fcfcfc 1px solid;background-color: #fcfcfc">
    <div class="div1">
        <ul class="ul2">
            <li>下午好！</li>
            <li>找到中意的书了吗？</li>
            <li><a href="#">请登录</a></li>
            <li><a href="#">免费注册</a></li>
        </ul>
        <ul class="ul1">
            <li><a href="#">我的学习</a>&nbsp;&nbsp;|</li>&nbsp;
            <li><a href="#"><img alt="个人中心" src="image/MV$NVJWP53OO35LWIL3ZFZV.png" style="margin-bottom: -10px">个人中心</a>&nbsp;&nbsp;|</li>&nbsp;
            <li><a href="#">我的订单</a>&nbsp;&nbsp;|</li>&nbsp;
            <li><a href="#">客户服务</a>&nbsp;&nbsp;|</li>&nbsp;
            <li><a href="#">手机新华</a></li>
        </ul>
    </div>
    <div class="div2">
        <a href="#"><img alt="新华书店" src="image/新华书店2.webp" style="margin-left: 200px"></a>
        <input  name="sou" class="input1" type="text" placeholder="论中国共产党历史" style="border: 1px #c2aeb1 solid">
        <input alt="suo"  class="input2" type="image" src="image/1632380822(1).jpg">
        <ul class="ul3">
            <li><span>热门搜索</span></li>
            <li><a href="#">新华定制</a></li>
            <li><a href="#">习近平在福建</a></li>
            <li><a href="#">北京冬奥会</a></li>
            <li><a href="#">故宫里的大怪兽</a></li>
            <li><a href="#">被打的女孩</a></li>
        </ul>
    </div>
</div>

<div id="stratification">
    <div class="header">
        <div class="menu-bar">
            <div class="view">
                <div class="category">
                    <h2>商品分类</h2>
                    <ul class="category-option">
                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>热门图书</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#" style="color:#e62318 !important;">|&nbsp;解忧杂货铺</a>
                                            <a href="#" style="color:#e62318 !important;">|&nbsp;浮生六记</a>
                                            <a href="#" style="color:#e62318 !important;">|&nbsp;自在执行</a>
                                            <a href="#" style="color:#e62318 !important;">|&nbsp;三体</a>
                                            <a href="#" style="color:#e62318 !important;">|&nbsp;围城</a>
                                            <a href="#" style="color:#e62318 !important;">|&nbsp;摆渡人</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>小说</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;中国小说</a>
                                            <a href="#">|&nbsp;外国小说</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>文学</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;外国文学</a>
                                            <a href="#">|&nbsp;中国文学</a>
                                            <a href="#">|&nbsp;文学理论</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>艺术</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;鉴赏收藏</a>
                                            <a href="#">|&nbsp;艺术概论</a>
                                            <a href="#">|&nbsp;音乐舞蹈</a>
                                            <a href="#">|&nbsp;书法篆刻</a>
                                            <a href="#">|&nbsp;戏剧影视</a>
                                            <a href="#">|&nbsp;绘画雕塑</a>
                                            <a href="#">|&nbsp;摄影</a>

                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>传记</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;传记</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">文学艺术</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">小说</a>
                            <a class="txt-class" href="#">文学</a>
                            <a class="txt-class" href="#">艺术</a>
                            <a class="txt-class" href="#">传记</a>
                        </li>

                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>历史</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#" >|&nbsp;世界史</a>
                                            <a href="#" >|&nbsp;中国史</a>
                                            <a href="#" >|&nbsp;考古文物</a>
                                            <a href="#" >|&nbsp;史学理论</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>宗教哲学</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;中国哲学</a>
                                            <a href="#">|&nbsp;西方哲学</a>
                                            <a href="#">|&nbsp;哲学总论</a>
                                            <a href="#">|&nbsp;马列著作</a>
                                            <a href="#">|&nbsp;逻辑学</a>
                                            <a href="#">|&nbsp;宗教</a>
                                            <a href="#">|&nbsp;伦理学</a>
                                            <a href="#">|&nbsp;美学</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>法律</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;法律法规</a>
                                            <a href="#">|&nbsp;法学伦理</a>
                                            <a href="#">|&nbsp;法律科普</a>
                                            <a href="#">|&nbsp;中国法律</a>
                                            <a href="#">|&nbsp;外国及港澳台法律</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>心理</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;心理学百科</a>
                                            <a href="#">|&nbsp;变态/病态心理学</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>政治军事</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;党政读物</a>
                                            <a href="#">|&nbsp;中国政治</a>
                                            <a href="#">|&nbsp;世界政治</a>
                                            <a href="#">|&nbsp;中国军事</a>
                                            <a href="#">|&nbsp;军事理论</a>
                                            <a href="#">|&nbsp;国际关系</a>
                                            <a href="#">|&nbsp;政治理论</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>社会科学</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;社会科学总论</a>
                                            <a href="#">|&nbsp;社会学</a>
                                            <a href="#">|&nbsp;语言文字</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>文化</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;文化理论</a>
                                            <a href="#">|&nbsp;民族/民族文化</a>
                                            <a href="#">|&nbsp;地域文化</a>
                                            <a href="#">|&nbsp;文化研究与交流</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">人文社科</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">历史</a>
                            <a class="txt-class" href="#">宗教哲学</a>
                            <a class="txt-class" href="#">心理</a>
                        </li>

                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>儿童文学</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;中国儿童文学</a>
                                            <a href="#">|&nbsp;外国儿童文学</a>
                                            <a href="#">|&nbsp;童话寓言</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>动漫绘本</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;儿童绘本</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>启蒙益智</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;益智游戏</a>
                                            <a href="#">|&nbsp;书法绘画</a>
                                            <a href="#">|&nbsp;艺术培养</a>
                                            <a href="#">|&nbsp;识字说话</a>
                                            <a href="#">|&nbsp;科普百科</a>
                                            <a href="#">|&nbsp;低幼读物</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>技能培养</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;艺术培养</a>
                                            <a href="#">|&nbsp;书法绘画</a>
                                            <a href="#">|&nbsp;少儿技能</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">少儿童书</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">儿童文学</a>
                            <a class="txt-class" href="#">科普百科</a>
                        </li>

                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>中小学教辅</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;小学数学</a>
                                            <a href="#">|&nbsp;小学语文</a>
                                            <a href="#">|&nbsp;小学教材</a>
                                            <a href="#">|&nbsp;初中语文</a>
                                            <a href="#">|&nbsp;初中教材</a>
                                            <a href="#">|&nbsp;高中数学</a>
                                            <a href="#">|&nbsp;高中外语</a>
                                            <a href="#">|&nbsp;高中理化生</a>
                                            <a href="#">|&nbsp;初中理化</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>外语学习</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;英语</a>
                                            <a href="#">|&nbsp;小语种</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>大中专教材</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;大学教材</a>
                                            <a href="#">|&nbsp;成人教育</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>字典词典</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;字典词典,工具书</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>考试</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;计算机类</a>
                                            <a href="#">|&nbsp;其他语种</a>
                                            <a href="#">|&nbsp;其他考试</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">教育考试</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">中小教辅</a>
                            <a class="txt-class" href="#">外语学习</a>
                        </li>


                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>管理</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;市场营销</a>
                                            <a href="#">|&nbsp;管理学</a>
                                            <a href="#">|&nbsp;公共关系</a>
                                            <a href="#">|&nbsp;旅游管理</a>
                                            <a href="#">|&nbsp;生产管理</a>
                                            <a href="#">|&nbsp;工商管理</a>
                                            <a href="#">|&nbsp;企业经营管理</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>经济</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;中国经济</a>
                                            <a href="#">|&nbsp;世界经济</a>
                                            <a href="#">|&nbsp;工业经济</a>
                                            <a href="#">|&nbsp;贸易</a>
                                            <a href="#">|&nbsp;交通经济</a>
                                            <a href="#">|&nbsp;企业经济</a>
                                            <a href="#">|&nbsp;产业经济</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>启蒙益智</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;益智游戏</a>
                                            <a href="#">|&nbsp;书法绘画</a>
                                            <a href="#">|&nbsp;艺术培养</a>
                                            <a href="#">|&nbsp;识字说话</a>
                                            <a href="#">|&nbsp;科普百科</a>
                                            <a href="#">|&nbsp;低幼读物</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>金融会计</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;金融</a>
                                            <a href="#">|&nbsp;会计</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>成功励志</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;成功励志</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">经济金融</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">管理</a>
                            <a class="txt-class" href="#">经济</a>
                            <a class="txt-class" href="#">金融会计</a>
                        </li>



                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>时尚娱乐</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;服饰搭配</a>
                                            <a href="#">|&nbsp;休闲游戏</a>
                                            <a href="#">|&nbsp;美容护肤</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>家庭家居</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;宠物</a>
                                            <a href="#">|&nbsp;家庭家饰</a>
                                            <a href="#">|&nbsp;家庭园艺</a>
                                            <a href="#">|&nbsp;生活DIY</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>养生保健</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;健康百科</a>
                                            <a href="#">|&nbsp;家庭保健</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>烹饪美食</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;家常菜谱</a>
                                            <a href="#">|&nbsp;茶酒饮品</a>
                                            <a href="#">|&nbsp;烘焙甜品</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>育儿早教</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;育儿百科</a>
                                            <a href="#">|&nbsp;家庭教育</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>体育运动</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;体育理论与规则</a>
                                            <a href="#">|&nbsp;球类运动</a>
                                            <a href="#">|&nbsp;其他运动</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">生活休闲</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">烹饪美食</a>
                            <a class="txt-class" href="#">育儿早教</a>
                        </li>

                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>工业科技</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;轻工业</a>
                                            <a href="#">|&nbsp;机械工业</a>
                                            <a href="#">|&nbsp;化学工业</a>
                                            <a href="#">|&nbsp;电子通讯</a>
                                            <a href="#">|&nbsp;能源</a>
                                            <a href="#">|&nbsp;交通运输</a>
                                            <a href="#">|&nbsp;航空航天</a>
                                            <a href="#">|&nbsp;矿业工程</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>建筑</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;建筑理论与文化</a>
                                            <a href="#">|&nbsp;建筑设计</a>
                                            <a href="#">|&nbsp;建筑工程</a>
                                            <a href="#">|&nbsp;水利水电</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>医学</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;基础医学</a>
                                            <a href="#">|&nbsp;临床医学</a>
                                            <a href="#">|&nbsp;中医</a>
                                            <a href="#">|&nbsp;药学</a>
                                            <a href="#">|&nbsp;外科学</a>
                                            <a href="#">|&nbsp;内科学</a>
                                            <a href="#">|&nbsp;儿科学</a>
                                            <a href="#">|&nbsp;妇产科学</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>自然科学</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;自然科普</a>
                                            <a href="#">|&nbsp;数学</a>
                                            <a href="#">|&nbsp;物理</a>
                                            <a href="#">|&nbsp;化学</a>
                                            <a href="#">|&nbsp;生物科学</a>
                                            <a href="#">|&nbsp;天文地理</a>
                                            <a href="#">|&nbsp;其他自然科学</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">科学技术</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">工业科技</a>
                            <a class="txt-class" href="#">建筑</a>
                            <a class="txt-class" href="#">医学</a>
                        </li>

                        <li class="cat-item top-cat">
                            <div class="sub-cat clearfix">
                                <div class="sub-cat-links Left">
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>油</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;橄榄油</a>
                                            <a href="#">|&nbsp;食用油</a>
                                            <a href="#">|&nbsp;香油</a>
                                            <a href="#">|&nbsp;山茶油</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>调味品</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;酱菜</a>
                                            <a href="#">|&nbsp;调味酱/酱料</a>
                                            <a href="#">|&nbsp;火锅底料</a>
                                            <a href="#">|&nbsp;乳制品</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>方便速食</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;风味小吃</a>
                                            <a href="#">|&nbsp;方便面</a>
                                            <a href="#">|&nbsp;速食汤</a>
                                            <a href="#">|&nbsp;挂面/面条</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>南北干货</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;粉丝粉条</a>
                                            <a href="#">|&nbsp;香菇</a>
                                            <a href="#">|&nbsp;木耳</a>
                                            <a href="#">|&nbsp;枸杞</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>蛋制品</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;鸡蛋</a>
                                            <a href="#">|&nbsp;鸭蛋</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>茗茶</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;红茶</a>
                                            <a href="#">|&nbsp;绿茶</a>
                                            <a href="#">|&nbsp;茉莉花茶</a>
                                            <a href="#">|&nbsp;花草茶</a>
                                            <a href="#">|&nbsp;普洱茶</a>
                                            <a href="#">|&nbsp;乌龙茶</a>
                                            <a href="#">|&nbsp;其他茶叶</a>
                                            <a href="#">|&nbsp;白茶</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>酒类</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;调制酒品/果酒</a>
                                            <a href="#">|&nbsp;白酒</a>
                                            <a href="#">|&nbsp;葡萄酒</a>
                                            <a href="#">|&nbsp;黄酒</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>咖啡/饮料/麦...</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;饮用水</a>
                                            <a href="#">|&nbsp;咖啡</a>
                                            <a href="#">|&nbsp;麦片</a>
                                            <a href="#">|&nbsp;冲饮</a>
                                            <a href="#">|&nbsp;果味饮料</a>
                                            <a href="#">|&nbsp;姜茶/姜粉</a>
                                            <a href="#">|&nbsp;碳酸饮料</a>
                                            <a href="#">|&nbsp;豆奶/豆粉</a>
                                            <a href="#">|&nbsp;谷物</a>
                                            <a href="#">|&nbsp;藕粉</a>
                                        </li>
                                    </ul>
                                    <ul class="sub-group clearfix">
                                        <li class="Left sub-title">
                                            <a href="#"><i class="i-t"></i>乳制品</a>
                                        </li>
                                        <li class="Left sub-content">
                                            <a href="#">|&nbsp;牛奶</a>
                                            <a href="#">|&nbsp;酸奶</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <i class="icon i0"></i>
                            <a class="txt" href="#">食品保健</a><br>
                            <i class="icon i0"></i>
                            <a class="txt-class" href="#">米面杂粮</a>
                            <a class="txt-class" href="#">茗茶</a>
                            <a class="txt-class" href="#">酒水</a>
                        </li>
                    </ul>
                </div>
                <ul class="navigator">
                    <li class="current">
                        <a href="#">商城首页</a>
                    </li>
                    <li>
                        <a href="#">主题出版</a>
                    </li>
                    <li>
                        <a href="#">中板书房</a>
                    </li>
                    <li>
                        <a href="#">新华优选</a>
                    </li>
                    <li>
                        <a href="#">新华定制</a>
                    </li>
                    <li>
                        <a href="#">新华惠农</a>
                    </li>
                    <li>
                        <a href="#">新华直播</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">专业考试</a>
                    </li>
                    <li>
                        <a href="#">新时代 · 新经典</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--轮播-->
    <div class="scroll-banner" style="background:#227465">
        <ul class="scroll-content">
            <li class="scroll-item" style="background:#227465;display: block;">
                <div class="scroll-index">
                    <a href="#">
                        <img src="image/util/1.jpg" height="450" width="800"/>
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="image/util/a1 (1).jpg" height="210" width="350"/>
                        </a>
                        <a href="#">
                            <img src="image/util/a1 (1).png" height="210" width="350"/>
                        </a>
                    </div>
                </div>
            </li>
            <li class="scroll-item" style="background:#eef3f5">
                <div class="scroll-index">
                    <a href="#">
                        <img src="image/util/2.jpg" height="450" width="800"/>
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="image/util/a1 (2).jpg" height="210" width="350"/>
                        </a>
                        <a href="#">
                            <img src="image/util/a1 (3).jpg" height="210" width="350"/>
                        </a>
                    </div>
                </div>
            </li>
            <li class="scroll-item" style="background:#de3435">
                <div class="scroll-index">
                    <a href="#">
                        <img src="image/util/3.jpg" height="450" width="800"/>
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="image/util/a1 (4).jpg" height="210" width="350"/>
                        </a>
                        <a href="#">
                            <img src="image/util/a12.jpg" height="210" width="350"/>
                        </a>
                    </div>
                </div>
            </li>
            <li class="scroll-item" style="background:#e8eaea">
                <div class="scroll-index">
                    <a href="#">
                        <img src="image/util/4.jpg" height="450" width="800"/>
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="image/util/a13.jpg" height="210" width="350"/>
                        </a>
                        <a href="#">
                            <img src="image/util/a14.jpg" height="210" width="350"/>
                        </a>
                    </div>
                </div>
            </li>
            <li class="scroll-item" style="background:#4f3a29">
                <div class="scroll-index">
                    <a href="#">
                        <img src="image/util/5.jpg" height="450" width="800"/>
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="image/util/a15.jpg" height="210" width="350"/>
                        </a>
                        <a href="#">
                            <img src="image/util/a16.jpg" height="210" width="350"/>
                        </a>
                    </div>
                </div>
            </li>
            <li class="scroll-item" style="background:#f2efea">
                <div class="scroll-index">
                    <a href="#">
                        <img class="sc-big fadeInR" src="statics/images/banner06.jpg">
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="statics/images/banner_r01.png"/>
                        </a>
                        <a href="#">
                            <img src="statics/images/banner_r02.png"/>
                        </a>
                    </div>
                </div>
            </li>
            <li class="scroll-item" style="background:#179bf4">
                <div class="scroll-index">
                    <a href="#">
                        <img class="sc-big fadeInR" src="statics/images/banner07.jpg">
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="statics/images/banner_r01.png"/>
                        </a>
                        <a href="#">
                            <img src="statics/images/banner_r02.png"/>
                        </a>
                    </div>
                </div>
            </li>
            <li class="scroll-item" style="background:#ffffff">
                <div class="scroll-index">
                    <a href="#">
                        <img class="sc-big fadeInR" src="statics/images/banner08.jpg">
                    </a>
                    <div class="banner_r">
                        <a href="#">
                            <img src="statics/images/banner_r01.png"/>
                        </a>
                        <a href="#">
                            <img src="statics/images/banner_r02.png"/>
                        </a>
                    </div>
                </div>
            </li>
        </ul>
        <div class="scroll-btn">
            <span class="current"></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>

        </div>
    </div>
    <script src="../js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        //左侧分类导航
        $('.category-option .cat-item').hover(function(){$(this).toggleClass('hover')})
        //图片轮播
        jQuery(".scroll-banner").slide({mainCell:".scroll-content",titCell:".scroll-btn span",titOnClassName:"current",effect:"fold",autoPlay:true,delayTime:1000,interTime:3500});
    </script>
</div>

<div class="middle">
    <div class="major">
        <img alt="专业图书" src="image/0806b0b3-f431-4ed2-840e-d8d8a83232dd.jpg">
    </div>
    <div class="row-middle">
        <div class="dive">
            <a href="#"><img src="image/activity1.jpg" height="550" width="288"/></a>
        </div>
        <div class="row-middle-activity">
            <div style="width:593px;line-height: 0;">
                <div style="float: left"><a href="#"><img src="image/activity2.jpg" height="193" width="296"/></a></div>
                <div><a href="#"><img src="image/activity3.jpg" height="193" width="296"/></a></div>
            </div>
            <div style="width:593px;line-height: 0;">
                <div style="float: left"><a href="#"><img src="image/activity4.jpg" height="163" width="296"/></a></div>
                <div><a href="#"><img src="image/activity5.jpg" height="163" width="296"/></a></div>
            </div>
            <div style="width:593px;line-height: 0;">
                <div style="float: left"><a href="#"><img src="image/activity6.jpg" height="193" width="296"/></a></div>
                <div><a href="#"><img src="image/activity7.jpg" height="193" width="296"/></a></div>
            </div>
        </div>
        <div  class="row-middle-title" >
            <div>
                <img src="image/Ranking1.jpg" alt="Ranking1">
            </div>
            <div>

            </div>
        </div>
    </div>

    <div class="characteristic">
        <img alt="特色图书" src="image/4f93caf9-8490-4136-96c9-5f332266b984.jpg">
    </div>
    <div class="row-middle">
        <div style="display: inline-block;float: left">
            <img src="image/activity8.jpg" height="550" width="288"/>
        </div>
        <div class="design-product-list">
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic1.jpg">
                    </div>
                    <h2 class="product-item-title">漫画成语故事连环画（全4册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥58.50</span>
                        <span class="original-price">￥159.20</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic2.jpg">
                    </div>
                    <h2 class="product-item-title">走近地球之巅</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥157.00</span>
                        <span class="original-price">￥198.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic3.jpg">
                    </div>
                    <h2 class="product-item-title">超级国宝（全2册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥106.00</span>
                        <span class="original-price">￥168.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic4.jpg">
                    </div>
                    <h2 class="product-item-title">蔡志忠漫画中国经典（全10册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥111.00</span>
                        <span class="original-price">￥122.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic5.jpg">
                    </div>
                    <h2 class="product-item-title">中国科学家爸爸数学思维二书<br/>（给孩子的数学<span class="jie">解题思维课+超级数学小玩家：趣味数学谜题训练手册 全2册</span>）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥81.00</span>
                        <span class="original-price">￥139.60</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic6.jpg">
                    </div>
                    <h2 class="product-item-title">知识点有画面：漫画初中必背诗词（全6册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥179.00</span>
                        <span class="original-price">￥218.00</span>
                    </p>
                </a>
            </div>
        </div>
        <div class="row-Ranking" >
            <div style="background-color: #FFFFFF">
                <img src="image/Ranking2.jpg" alt="Ranking2">
            </div>
            <div>

            </div>
        </div>
    </div>
    <div class="cultural">
        <a href="#"><img alt="文创产品" src="image/7c779cc4-abfd-42d0-9e74-d64799cc2bc3.jpg"></a>
    </div>
    <div class="row-middle">
        <div style="display: inline-block;float: left">
            <img src="image/activity9.jpg" height="550" width="288"/>
        </div>
        <div class="design-product-list">
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic7.png">
                    </div>
                    <h2 class="product-item-title">漫画成语故事连环画（全4册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥58.50</span>
                        <span class="original-price">￥159.20</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic8.png">
                    </div>
                    <h2 class="product-item-title">走近地球之巅</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥157.00</span>
                        <span class="original-price">￥198.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic9.jpg">
                    </div>
                    <h2 class="product-item-title">超级国宝（全2册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥106.00</span>
                        <span class="original-price">￥168.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic10.jpg">
                    </div>
                    <h2 class="product-item-title">蔡志忠漫画中国经典（全10册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥111.00</span>
                        <span class="original-price">￥122.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic11.png">
                    </div>
                    <h2 class="product-item-title">中国科学家爸爸数学思维二书<br/>（给孩子的数学<span class="jie">解题思维课+超级数学小玩家：趣味数学谜题训练手册 全2册</span>）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥81.00</span>
                        <span class="original-price">￥139.60</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic12.jpg">
                    </div>
                    <h2 class="product-item-title">知识点有画面：漫画初中必背诗词（全6册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥179.00</span>
                        <span class="original-price">￥218.00</span>
                    </p>
                </a>
            </div>
        </div>
        <div class="row-Ranking" >
            <div style="background-color: #FFFFFF">
                <img src="image/Ranking3.jpg" alt="Ranking3">
            </div>
            <div>

            </div>
        </div>

    </div>

    <div class="snacks">
        <a href="#"><img alt="比屯好食" src="image/f439b4ea-9782-431e-876f-5e3b5bef83a8.jpg"></a>
    </div>
    <div class="row-middle">
        <div style="display: inline-block;float: left"><img src="image/activity10.jpg" height="550" width="288"/></div>
        <div class="design-product-list">
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic13.jpg">
                    </div>
                    <h2 class="product-item-title">漫画成语故事连环画（全4册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥58.50</span>
                        <span class="original-price">￥159.20</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic14.png">
                    </div>
                    <h2 class="product-item-title">走近地球之巅</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥157.00</span>
                        <span class="original-price">￥198.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 40px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic15.jpg">
                    </div>
                    <h2 class="product-item-title">超级国宝（全2册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥106.00</span>
                        <span class="original-price">￥168.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic16.jpg">
                    </div>
                    <h2 class="product-item-title">蔡志忠漫画中国经典（全10册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥111.00</span>
                        <span class="original-price">￥122.00</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic17.jpg">
                    </div>
                    <h2 class="product-item-title">中国科学家爸爸数学思维二书<br/>（给孩子的数学<span class="jie">解题思维课+超级数学小玩家：趣味数学谜题训练手册 全2册</span>）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥81.00</span>
                        <span class="original-price">￥139.60</span>
                    </p>
                </a>
            </div>
            <div class="product-item" style="margin-top: 50px">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic18.jpg">
                    </div>
                    <h2 class="product-item-title">知识点有画面：漫画初中必背诗词（全6册）</h2>
                    <p class="product-item-price">
                        <span class="discount-price">￥179.00</span>
                        <span class="original-price">￥218.00</span>
                    </p>
                </a>
            </div>
        </div>
        <div class="row-Ranking" >
            <div style="background-color: #FFFFFF">
                <img src="image/Ranking4.jpg" alt="Ranking4">
            </div>
            <div>

            </div>
        </div>
    </div>

    <div class="shooping">
        <img alt="大家值得买" src="image/3c1d62a1-0539-48b3-a196-ef8ef0668aca.jpg">
    </div>
    <div class="row-middle">
        <div class="product-list-content">
            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic19.jpg">
                    </div>
                    <h2 class="product-item-title">第十四届全国运动会纪念卡（套卡）</h2>
                    <p class="product-item-price">
                        ￥138.00
                    </p>
                </a>
            </div>

            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic20.jpg">
                    </div>
                    <h2 class="product-item-title">一起去地下</h2>
                    <p class="product-item-price">
                        ￥46.55
                    </p>
                </a>
            </div>

            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic21.jpg">
                    </div>
                    <h2 class="product-item-title">【一本书读懂中国上下五千年，顾颉刚等推荐的国史入门书】极简中国史</h2>
                    <p class="product-item-price">
                        ￥58.00
                    </p>
                </a>
            </div>

            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic22.jpg">
                    </div>
                    <h2 class="product-item-title">【匠心传统制造】王羲之行书原碑水写布套装</h2>
                    <p class="product-item-price">
                        ￥62.50
                    </p>
                </a>
            </div>

            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic23.jpg">
                    </div>
                    <h2 class="product-item-title">北大荒东北马铃薯粉条400克 </h2>
                    <p class="product-item-price">
                        ￥48.00
                    </p>
                </a>
            </div>
            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic24.png">
                    </div>
                    <h2 class="product-item-title">中国文化故事经典（全4册）</h2>
                    <p class="product-item-price">
                        ￥197.80
                    </p>
                </a>
            </div>
            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic25.png">
                    </div>
                    <h2 class="product-item-title">【囊括所有的公文种类】公文写作范例大全(格式要点规范与技巧第2版)</h2>
                    <p class="product-item-price">
                        ￥139.00
                    </p>
                </a>
            </div>
            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic26.jpg">
                    </div>
                    <h2 class="product-item-title">蓝色军刀柏林防盗双肩包BV-FD004</h2>
                    <p class="product-item-price">
                        ￥98.00
                    </p>
                </a>
            </div>
            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic27.png">
                    </div>
                    <h2 class="product-item-title common-bold-font cutwords-two-line">【102位诗人/涵盖1-9年级新课标重要篇目】陪孩子读古诗词：全4册</h2>
                    <p class="product-item-price">
                        ￥269.00
                    </p>
                </a>
            </div>

            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic28.jpg">
                    </div>
                    <h2 class="product-item-title">【世界动物小说之父作品】西顿动物记科普绘本（全10册）</h2>
                    <p class="product-item-price">
                        ￥180.00
                    </p>
                </a>
            </div>
            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic29.jpg">
                    </div>
                    <h2 class="product-item-title">FMJ蓝牙耳机Z6</h2>
                    <p class="product-item-price">￥148.00</p>
                </a>
            </div>

            <div class="product-item">
                <a class="product-item-link" href="" target="_blank">
                    <div class="product-item-image">
                        <img src="image/characteristic30.jpg">
                    </div>
                    <h2 class="product-item-title">皇室军刀背包SA-9976</h2>
                    <p class="product-item-price">￥120.00</p>
                </a>
            </div>
        </div>
    </div>
</div>
<!--底部一块-->
<div class="footer-box">
    <ul class="footer-info1">
        <li>
            <div class="ft-tu1">
                <a href="JavaScript:;"><img src="image/title1.jpg"/></a>
            </div>
        </li>
        <li>
            <div class="ft-tu1">
                <a href="JavaScript:;"><img src="image/title2.jpg" /></a>
            </div>
        </li>
        <li>
            <div class="ft-tu1">
                <a href="JavaScript:;"><img src="image/title3.jpg" /></a>
            </div>
        </li>
        <li>
            <div class="ft-tu1">
                <a href="JavaScript:;"><img src="image/title4.jpg" /></a>
            </div>
        </li>
        <div style="clear:both;"></div>
    </ul>
    <div class="footer-info2">
        <div class="ft-if2-left">
            <dl>
                <dt><a href="#">购物指南</a></dt>
                <dd>
                    <a href="#">购物保障</a>
                    <a href="#">购物流程</a>
                    <a href="#">促销说明</a>
                    <a href="#">联系客服</a>
                </dd>
            </dl>
            <dl>
                <dt><a href="#">支付方式</a></dt>
                <dd>
                    <a href="#">网上支付</a>
                    <a href="#">优惠卷支付</a>
                    <a href="#">扫码支付</a>
                </dd>
            </dl>
            <dl>
                <dt><a href="#">配送方式</a></dt>
                <dd>
                    <a href="#">配送运费</a>
                    <a href="#">商品验收</a>
                    <a href="#">订单说明</a>
                </dd>
            </dl>
            <dl>
                <dt><a href="#">售后服务</a></dt>
                <dd>
                    <a href="#">售后服务保障</a>
                    <a href="#">申请退换货</a>
                    <a href="#">退款时效</a>
                </dd>
            </dl>
            <dl>
                <dt><a href="#">新华服务</a></dt>
                <dd>
                    <a href="#">关于我们</a>
                    <a href="#">大宗采购</a>
                    <a href="#">友情连接</a>
                    <a href="#">新华直播</a>
                </dd>
            </dl>
            <div style="clear:both;"></div>
        </div>

    </div>
    <div class="footer-info3">
        <p>
            <a href="#">京公网安备 11010202007572号</a><span>|</span>
            <a href="#">京ICP证 京B2-20171652号</a><span>|</span>
            <a href="#">京ICP备16042375号-2</a><span>|</span>
            <a href="#">联系我们</a><span>|</span>
            <a href="#">公司简介</a>
        </p>
        <p>
            <a href="#">出版物经营许可证</a><span>|</span>
            <a href="#">京批字第直200352号</a><span>|</span>
            <a href="#">广播电视节目制作经营许可证</a>
            <a href="#">（京）字第07439号</a>
        </p>
        <p>
            <a href="#">网视备（京）02021000046-1号</a>
        </p>
        <p>
            <a href="#">营业执照</a><span>|</span>
            <a href="#">网络出版服务许可证</a><span>|</span>
            <a href="#">（京）字第290号</a>
        </p>
        <p>
            <a href="#">Copyright © 2015 - 2021 新华互联电子商务有限责任公司 版权所有</a>
        </p>
        <p>
            <a href="#">客服热线：4006666505</a>
        </p>
        <div class="ft-if3-tu1">
            <a href="#"><img src="image/wbb1.webp" /></a>
            <a href="#"><img src="image/wbb2.webp" /></a>
            <a href="#"><img src="image/wbb3.webp" /></a>
        </div>
    </div>
</div>
</body>
</html>